<template>
	<view class="rebooks_bottom">
		<view @click="handleRebooks(2001)" class="rebooks_bottom_item" v-for="(item) in rebooks" :key="item.id">
			<image class="rebooks_bottom_item_img" :src="item.src"></image>
			<text class="rebooks_bottom_item_title">{{item.name}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"rebooks",
		props: {
			rebooks: {
				type: Array,
				default: []
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			handleRebooks(id){
				this.$emit("handleRebooks", id)
			}
		}
	}
</script>

<style scoped>
.rebooks_bottom{
	width: 100%;
	margin-top: 30rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.rebooks_bottom_item{
	width: 230rpx;
	height: 250rpx;
	/* background-color: #007AFF; */
	display: flex;
	flex-direction: column;
	align-items: center;
}
.rebooks_bottom_item .rebooks_bottom_item_img{
	width: 100%;
}
.rebooks_bottom_item_title{
	color: #808080;
	font-size: 30rpx;
	margin-top: 10rpx;
}

</style>
